{% extends "base.html" %}
{% load static %}
{% load render_bundle from webpack_loader %}

{% block title %}My Replays{% endblock %}

{% block fullcontent %}
<div class="content replay-listing">
{% if not replays %}
	<section id="play-some-hearthstone">
		<h1>Play a few games!</h1>
		<p>Your replays will appear here once you've uploaded them using Hearthstone Deck Tracker.</p>
		<p><a href="{% url 'downloads' %}" class="promo-button">Download HDT</a></p>
	</section>
	<section id="claim-account">
		<p>
			Make sure to claim your account from HDT in <code>Options → Replays</code>.
			<a href="{% static 'images/claim-account.jpg' %}">
				<img src="{% static 'images/claim-account.png' %}"/>
			</a>
		</p>
	</section>
{% else %}
	{% include 'noscript.html' %}
	<div class="container-fluid" id="my-games-container">
	{% render_bundle "my_replays" %}
{% endif %}
</div>
</div>
{% endblock %}
